<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

    <title>Regexper</title>
    <link rel="shortcut icon" href="/favicon.ico" />
    <meta name="description" content="Regular expression visualizer using railroad diagrams" />
    <meta name="viewport" content="width=device-width" />

    <link rel="author" href="humans.txt" />

    <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Bangers" />
    <link rel="stylesheet" href="/assets/normalize.min.css" />
    <link rel="stylesheet" href="/assets/main.css" />

    <!--[if lt IE 9]>
        <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <script>window.html5 || document.write('<script src="/assets/vendor/html5shiv.js"><\/script>')</script>
    <![endif]-->

</head>

<body>

    <header>
        <h1>Regexper</h1>
        <!-- n. One who regexpes -->
        <span>You thought you only had two problems...</span>
    </header>

    <section id="notice">
      Due to the minimal level of usage, this site will be shutting down in the beginning on April. Please upgrade your browser if necessary, and use <a href="http://regexper.com">http://regexper.com</a> instead.
    </section>

    <section id="content">
        <div class="container">
            <form id="regexp_form" method="POST" action="/parse">
                <span>
                    <input id="regexp_input" type="text" autofocus="autofocus" placeholder="Enter JavaScript-style regular expression to display" />
                </span>
                <button type="submit">Display</button>
            </form>
        </div>

        <div class="results">
            <div id="loading">
                <img src="/assets/loader.gif" alt="Loading" />
            </div>

            <div id="error"></div>

            <div id="paper-container"></div>
        </div>
    </section>

    <footer>
        <ul>
            <li>Created by <a href="mailto:jeff.avallone@gmail.com">Jeff Avallone</a></li>
            <li>Source code licensed: <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/3.0/">
                <img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-sa/3.0/80x15.png" />
            </a></li>
            <li class="last">Generated images licensed: <a rel="license" href="http://creativecommons.org/licenses/by/3.0/">
                <img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by/3.0/80x15.png" />
            </a></li>
        </ul>
    </footer>

    <a href="https://github.com/javallone/regexper">
        <img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub">
    </a>

    <script src="/assets/main.js"></script>

    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-37364632-3', 'auto');
        ga('send', 'pageview');
    </script>

</body>

</html>
